* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('OpenSans-Light.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'), url('OpenSans-Light.woff') format('woff'), url('OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Vegur';
  font-style: normal;
  font-weight: 300;
  src: url('vegur-l-webfont.eot');
  src: local('Vegur Light'), local('Vegur-Light'), url('vegur-l-webfont.woff') format('woff');
}

body{
	background:#260930;
	overflow: hidden;
}

#place{
	position: relative;
	width:3065px;
	height:560px;
	margin:0px;
}

#wrapper1,
#wrapper2,
#wrapper3{
	width:945px;
	height:480px;
	position: absolute;
	top:80px;
}

#wrapper1{
	left:0px;
}

#wrapper2{
	left:1045px;
}

#wrapper3{
	left:2090px;
}

#name1,
#name2,
#name3{
	font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 40px;
	color:#fff;
	position: absolute;
	top:0px;
	padding-top:10px;
}

#name1{
	left:5px
}

#name2{
	left:1050px
}

#name3{
	left:2095px
}

#button1to2,
#button2to1{
	position: absolute;
	width:30px;
	height:30px;
	top: 85px;
	left:950px;
}

#button1to2{
	background: url('../image/arrow.png') center center;
}

#button2to1{
	background: url('../image/arrow-back.png') center center;
	display:none;
}

#button2to3,
#button3to2{
	position: absolute;
	width:30px;
	height:30px;
	top:85px;
	left:2000px;
}

#button2to3{
	background: url('../image/arrow.png') center center;
	display:none;
}

#button3to2{
	background: url('../image/arrow-back.png') center center;
	display:none;
}

#button1to2:hover,
#button2to1:hover,
#button2to3:hover,
#button3to2:hover{
	cursor: pointer;
}